<%@ include file="../common/top.jsp"%>

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<div id="Catalog">

    <form action="confirmOrder" method="post">
        <table>
            <tr>
                <th colspan=2><h2>支付细节</h2></th>
            </tr>
            <tr>
                <td>支付方式:</td>
                <td>
                    <select name="cardType">
                        <option value="Visa">信用卡</option>
                        <option value="wechat">微信支付</option>
                        <option value="alipay">支付宝</option>
                        <option value="others">其他</option>
                    </select>
            </tr>
            <tr>
                <td>卡号:</td>
                <td><input type="text" name="creditCard" value="999999999999"> * 使用虚拟号码!</td>
            </tr>
            <tr>
                <td>到期日 (MM/YYYY):</td>
                <td><input type="text"  name="expiryDate" value="12/03"></td>
            </tr>

        </table>
        <div>
            <div class="tab-header">
                <ul>
                    <li data-id="PayerInfo">支付方信息</li>
                    <li data-id="DeliveryInfo">配送信息</li>
                </ul>
            </div>
            <div class="tab-body">
                <div class="tab1" id="PayerInfo">
                    <table>
                        <tr>
                            <th colspan=2><h2>支付方信息</h2></th>
                        </tr>
                        <tr>
                            <td>名:</td>
                            <td><input type="text" name="billToFirstName" value="${sessionScope.order.billToFirstName}"></td>
                        </tr>
                        <tr>
                            <td>姓:</td>
                            <td><input type="text" name="billToLastName" value="${sessionScope.order.billToLastName}"></td>
                        </tr>
                        <tr>
                            <td>地址一:</td>
                            <td><input type="text" size="40" name="billAddress1" value="${sessionScope.order.billAddress1}"></td>
                        </tr>
                        <tr>
                            <td>地址二:</td>
                            <td><input type="text" size="40" name="billAddress2" value="${sessionScope.order.billAddress1}"></td>
                        </tr>
                        <tr>
                            <td>城市:</td>
                            <td><input type="text" name="billCity" value="${sessionScope.order.billCity}"></td>
                        </tr>
                        <tr>
                            <td>省份:</td>
                            <td><input type="text" size="4" name="billState" value="${sessionScope.order.billState}"></td>
                        </tr>
                        <tr>
                            <td>邮政编码:</td>
                            <td><input type="text" size="10" name="billZip" value="${sessionScope.order.billZip}"></td>
                        </tr>
                        <tr>
                            <td>国家:</td>
                            <td><input type="text" size="15" name="billCountry" value="${sessionScope.order.billCountry}"></td>
                        </tr>
                        <tr>
                            <td colspan=2>
                                <input type="checkbox" name="shippingAddressRequired" id="shippingAddressRequired">
                                邮寄到其他地址...
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="tab2" id="DeliveryInfo">
<%--                    <form action="shippingAddress" method="post">--%>
                        <table>
                            <tr>
                                <th colspan=2><h2>配送信息</h2></th>
                            </tr>

                            <tr>
                                <td>名:</td>
                                <td><input type="text" name="shipToFirstName" value="${sessionScope.order.shipToFirstName}"/></td>
                            </tr>
                            <tr>
                                <td>姓:</td>
                                <td><input type="text" name="shipToLastName" value="${sessionScope.order.shipToLastName}"/></td>
                            </tr>
                            <tr>
                                <td>地址一:</td>
                                <td><input type="text" size="40" name="shipAddress1" value="${sessionScope.order.shipAddress1}"/></td>
                            </tr>
                            <tr>
                                <td>地址二:</td>
                                <td><input type="text" size="40" name="shipAddress2" value="${sessionScope.order.shipAddress2}"/></td>
                            </tr>
                            <tr>
                                <td>城市:</td>
                                <td><input type="text" name="shipCity" value="${sessionScope.order.shipCity}"/></td>
                            </tr>
                            <tr>
                                <td>省份:</td>
                                <td><input type="text" size="4" name="shipState" value="${sessionScope.order.shipState}"/></td>
                            </tr>
                            <tr>
                                <td>邮政编码:</td>
                                <td><input type="text" size="10" name="shipZip" value="${sessionScope.order.shipZip}"/></td>
                            </tr>
                            <tr>
                                <td>国家:</td>
                                <td><input type="text" size="15" name="shipCountry" value="${sessionScope.order.shipCountry}"/></td>
                            </tr>

                        </table>
<%--                    </form>--%>
                </div>
            </div>
        </div>

        <br>
        <br>
        <input type="submit" name="newOrder" value="Continue">
    </form>

</div>
<br>
<br>

<script type="text/javascript" src="./js/order.js"></script>

<%@ include file="../common/bottom.jsp"%>
